<template>
  <div class="user_home">
    <!-- 轮播图 -->
    <div class="Carousel">
      <el-carousel :interval="4000" type="card" height="400px">
        <el-carousel-item v-for="item in imgList" :key="item.id">
          <img :src="item.idView" alt="" class="image" />
        </el-carousel-item>
      </el-carousel>
    </div>
    <!-- 作品展览 -->
    <div class="title">
      <h1>作品展览</h1>
      <h2>WORKS EXHIBITION</h2>
    </div>
    <!-- 商品信息 -->
    <div class="commodity">
      <div class="commodity_ul">
        <!-- 获取前四条数据 -->
        <div
          class="commodity_ul_li"
          v-for="(i, index) in this.list.slice(0, 4)"
          :key="index"
          @click="router_id(i)"
        >
          <div class="commodity_ul_li_info">
            <div class="img">
              <img :src="'http://127.0.0.1:8000' + i.image" alt="" />
            </div>
            <div class="detail">
              <p>
                艺术家:<span>{{ i.artist.real_name }}</span>
              </p>

              <p>
                标题:<span>{{ i.title }}</span>
              </p>

              <p>
                描述:<span>{{ i.description }}</span>
              </p>

              <p>
                价格:<span>{{ i.price }}</span>
              </p>
            </div>
          </div>
        </div>
      </div>
      <el-empty
        v-if="this.Empty"
        description="暂时还没有宝贝哦"
        :image-size="250"
      ></el-empty>
    </div>
    <div class="more">
      <el-button @click="getmoerartwork">查看更多>>></el-button>
    </div>
    <!-- 艺术家展示 -->
    <div class="title">
      <h1>艺术家展示</h1>
      <h2>ARTIST SHOWCASE</h2>
    </div>
    <!-- 艺术家信息 -->
    <div class="artist">
      <div class="artist_ul">
        <!-- 获取前四条数据 -->
        <div
          class="artist_ul_li"
          v-for="(i, index) in this.artistList.slice(0, 4)"
          :key="index"
          @click="router_artist(i)"
        >
          <div class="artist_ul_li_info">
            <div class="img">
              <svg
                t="1713243832838"
                class="icon"
                viewBox="0 0 1030 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="11684"
                width="100"
                height="100"
              >
                <path
                  d="M230.36424 916.462014a102.584075 102.584075 0 0 1-50.392178-17.997207l-4.679273-2.879553a35.994412 35.994412 0 0 1-16.197486-15.477597 43.193295 43.193295 0 0 1 11.158268-42.833351 328.98893 328.98893 0 0 1 157.295582-86.026645h12.957989a102.94402 102.94402 0 0 0 17.277318-7.198883 35.994412 35.994412 0 0 0 14.397765-16.197486 14.757709 14.757709 0 0 1 19.436982-6.478994 14.397765 14.397765 0 0 1 6.838939 19.077039 68.029439 68.029439 0 0 1-25.915977 28.435586 104.023852 104.023852 0 0 1-22.67648 9.358547h-2.879553a39.953798 39.953798 0 0 1-10.798324 2.879553h-2.519609a300.553344 300.553344 0 0 0-143.977649 77.747931 21.236703 21.236703 0 0 0-5.399162 11.878156s2.519609 0 3.959385 1.79972l5.039218 2.879553c10.43838 7.198882 20.516815 21.956592 33.474803 24.116257s15.837541 9.358547 16.197486 17.277318a33.834748 33.834748 0 0 1 3.599441 3.599441c0 7.918771-7.918771-2.519609-15.837541-2.159665H230.36424zM777.839253 916.462014c-7.918771 0-3.959385 12.957988-3.959386 5.039217a14.757709 14.757709 0 0 1 11.878156-14.397765l15.477598-1.79972c15.837541 0 21.236703-23.396368 35.994412-28.075642a18.717094 18.717094 0 0 0 0-17.997206 65.509831 65.509831 0 0 0-20.156871-20.876759l-9.718491-7.918771a113.022455 113.022455 0 0 0-18.717095-13.677877 29.875362 29.875362 0 0 0-9.718491 0 40.313742 40.313742 0 0 1-31.315139-11.878156 42.113463 42.113463 0 0 1-6.838938-10.798324l-2.159665-4.319329h-12.957988a60.470613 60.470613 0 0 1-16.197486 0 218.126139 218.126139 0 0 1-21.956592-5.759106l-16.917373-4.679274a84.946813 84.946813 0 0 1-22.67648-7.918771l-3.959386-2.159664a22.67648 22.67648 0 0 1-13.677876-23.396368 14.397765 14.397765 0 0 1 13.317932-15.477598 14.757709 14.757709 0 0 1 15.477598 13.317933l3.599441 2.159665a54.351563 54.351563 0 0 0 14.757709 4.679273l17.997206 5.039218c6.838938 2.159665 13.317933 3.959385 20.156871 5.399162h10.078436a44.993016 44.993016 0 0 1 33.114859 8.638659 35.994412 35.994412 0 0 1 8.278715 12.598044l2.159665 3.959386s5.039218 0 10.798323 2.159664a61.550445 61.550445 0 0 1 19.796927 3.239497 122.740946 122.740946 0 0 1 26.275921 18.357151l8.278715 6.838938a88.906199 88.906199 0 0 1 28.79553 31.315139c8.638659 15.837541 0 20.516815-11.158268 35.994412a71.988825 71.988825 0 0 1-57.59106 32.754916l-13.677876 1.79972zM443.091217 480.209735h-43.913183a14.397765 14.397765 0 0 1-13.317933-15.477597 14.757709 14.757709 0 0 1 15.477598-13.317933 593.547861 593.547861 0 0 0 66.949607 0 14.397765 14.397765 0 0 1 14.757709 14.037821 14.037821 14.037821 0 0 1-13.677877 14.757709zM616.944229 480.209735h-2.159665a251.960887 251.960887 0 0 0-69.82916 0 14.757709 14.757709 0 0 1-16.55743-12.2381 14.397765 14.397765 0 0 1 12.238101-16.197486 272.837646 272.837646 0 0 1 78.467819 0 14.397765 14.397765 0 0 1-2.159665 28.79553zM514.000209 654.062747a99.344578 99.344578 0 0 1-46.072847-11.158268 14.037821 14.037821 0 0 1-6.478995-19.077038 14.397765 14.397765 0 0 1 19.436983-6.478995 75.94821 75.94821 0 0 0 68.749328 0 14.397765 14.397765 0 1 1 14.037821 25.196089 102.224131 102.224131 0 0 1-49.67229 11.518212z"
                  fill="#333333"
                  p-id="11685"
                ></path>
                <path
                  d="M435.53239 501.806382a14.397765 14.397765 0 0 1-14.03782-11.518212 65.869775 65.869775 0 0 1 0-23.756312 14.397765 14.397765 0 0 1 16.197485-12.2381 14.757709 14.757709 0 0 1 12.598044 15.837541 30.595251 30.595251 0 0 0 0 14.037821 14.757709 14.757709 0 0 1-11.158267 17.277318zM581.669705 500.006662a15.117653 15.117653 0 0 1-14.397765-11.518212 40.673686 40.673686 0 0 1 0-14.757709v-4.679274a14.037821 14.037821 0 0 1 10.798324-16.917374 14.397765 14.397765 0 0 1 16.917373 11.158268 40.673686 40.673686 0 0 1 0 14.757709 21.236703 21.236703 0 0 0 0 4.679274 14.037821 14.037821 0 0 1-10.798323 16.917374h-3.239497zM508.960992 843.7533a153.336197 153.336197 0 0 1-21.956592 0 205.528095 205.528095 0 0 1-135.338991-71.988824 14.397765 14.397765 0 0 1 22.316536-18.717095 174.932844 174.932844 0 0 0 116.261952 61.91039 165.574297 165.574297 0 0 0 116.981841-30.235307 14.757709 14.757709 0 0 1 20.516815 2.159665 14.397765 14.397765 0 0 1-2.159665 20.156871 191.490274 191.490274 0 0 1-116.621896 36.7143z"
                  fill="#333333"
                  p-id="11686"
                ></path>
                <path
                  d="M513.280321 920.061455a235.403457 235.403457 0 0 1-45.352959-4.31933 194.009883 194.009883 0 0 1-154.056086-138.218543 14.397765 14.397765 0 1 1 26.99581-10.078436c35.994412 89.626087 86.38659 110.86279 132.819382 119.861394 67.669495 13.317933 156.935638-7.198882 193.289994-83.147093a14.397765 14.397765 0 1 1 25.915977 12.2381 192.210162 192.210162 0 0 1-179.612118 103.663908zM441.291496 430.177502a41.393574 41.393574 0 0 1-21.596647-5.759106l-6.838938-5.759106-2.519609-2.159665a62.270334 62.270334 0 0 0-21.596648 0h-16.557429l-39.953798-2.159665h-8.998603a350.225633 350.225633 0 0 1-43.193295-3.959385 395.938537 395.938537 0 0 1-77.387987-22.316536c-12.2381-4.679274-38.154077-14.037821-41.393574-35.994412s18.717094-43.553239 32.754915-50.752122A227.484687 227.484687 0 0 1 259.159769 281.520578a14.397765 14.397765 0 0 1 16.917374 11.518212 14.397765 14.397765 0 0 1-11.518212 16.55743 198.689157 198.689157 0 0 0-57.231115 17.277318 31.315139 31.315139 0 0 0-17.277318 19.077039s0 5.759106 22.676479 13.317932a375.781666 375.781666 0 0 0 71.988825 20.876759 299.473511 299.473511 0 0 0 39.953798 3.599442h8.998603l40.673686 2.519608h12.957989a71.988825 71.988825 0 0 1 38.154077 5.039218L431.932949 396.702698s0 1.799721 2.519609 2.159665 5.399162 2.879553 17.997206 0a289.75502 289.75502 0 0 1 76.668099-6.838939h17.277318c25.196089 0 117.701729-6.478994 138.938432-10.798323l28.435585-5.399162c12.957988-2.159665 26.275921-4.319329 35.994413-6.838938a140.018264 140.018264 0 0 0 23.756312-7.558827l9.718491-3.599441c7.198882-2.519609 25.915977-8.998603 28.075642-14.037821s-5.759106-17.637262-15.837541-23.036424a69.82916 69.82916 0 0 0-17.277318-5.759106A51.112066 51.112066 0 0 1 740.04512 288.719461a14.397765 14.397765 0 1 1 26.995809-10.078436c1.799721 4.679274 8.998603 6.838938 20.876759 9.718492a93.945416 93.945416 0 0 1 23.756312 8.638659 48.952401 48.952401 0 0 1 28.79553 58.310948c-6.478994 17.277318-28.435586 25.196089-44.273127 30.955194l-10.43838 3.599442a185.371224 185.371224 0 0 1-27.355753 8.638659c-11.518212 2.519609-25.196089 5.039218-38.514021 7.198882l-27.355754 5.039218c-25.196089 5.039218-120.581282 11.158268-143.97765 11.518212h-17.637262a266.718596 266.718596 0 0 0-69.469216 5.759106 84.226925 84.226925 0 0 1-20.156871 2.159665z"
                  fill="#333333"
                  p-id="11687"
                ></path>
                <path
                  d="M287.955299 351.349738a14.397765 14.397765 0 0 1-14.397765-14.397765 20.876759 20.876759 0 0 1 0-6.478994l7.558827-14.397765a381.900716 381.900716 0 0 0 19.796927-44.633071A146.857203 146.857203 0 0 1 329.708818 216.730636a4.679274 4.679274 0 0 0 0-3.239497v-2.879553A33.114859 33.114859 0 0 1 323.949712 195.493933a33.114859 33.114859 0 0 1 17.997206-24.836145 25.556033 25.556033 0 0 0 5.039218-3.599441 84.586869 84.586869 0 0 0 8.278715-11.518212 126.340388 126.340388 0 0 1 16.557429-20.156871A100.064467 100.064467 0 0 1 503.921774 127.824437a173.133124 173.133124 0 0 1 68.749328-24.4762 89.986031 89.986031 0 0 1 27.715697 3.239497h5.039218a75.588266 75.588266 0 0 1 35.994413 20.516815 282.196193 282.196193 0 0 1 71.988824 107.983237 474.7663 474.7663 0 0 1 26.99581 93.945417 14.397765 14.397765 0 1 1-28.435586 5.039217A451.009988 451.009988 0 0 0 683.893836 246.246054a264.558931 264.558931 0 0 0-63.350166-97.184913 50.032233 50.032233 0 0 0-21.236703-12.957989h-6.11905a100.064467 100.064467 0 0 0-17.277318-4.319329 165.574297 165.574297 0 0 0-65.509831 25.196088 14.397765 14.397765 0 0 1-15.117653 0c-42.473407-26.995809-75.228322-27.355753-102.94402 0a87.106478 87.106478 0 0 0-12.598044 15.837542c-3.239497 4.679274-6.478994 9.358547-10.078435 13.677877a55.071451 55.071451 0 0 1-11.158268 9.358547l-4.679274 3.239497a55.431395 55.431395 0 0 1 2.879553 6.838938 33.474804 33.474804 0 0 1-5.759106 30.595251 124.900611 124.900611 0 0 0-22.67648 44.633071 384.420325 384.420325 0 0 1-21.236703 48.232513c-2.519609 4.319329-5.039218 9.358547-7.198882 14.037821a14.757709 14.757709 0 0 1-11.878157 7.91877z"
                  fill="#333333"
                  p-id="11688"
                ></path>
                <path
                  d="M557.553449 299.517785h-48.592457c-16.197486 0-30.595251-2.159665-43.553239-3.599442l-42.473407-3.239497a14.037821 14.037821 0 0 1-13.677877-14.757709 14.757709 14.757709 0 0 1 14.757709-14.037821c17.277318 0 30.595251 0 43.553239 3.239497s25.915977 2.519609 42.473407 3.239497a633.861603 633.861603 0 0 0 78.467819 0 628.462441 628.462441 0 0 0 107.983238-23.036423 14.397765 14.397765 0 0 1 17.637262 10.078435 14.037821 14.037821 0 0 1-10.078436 17.637262 611.905011 611.905011 0 0 1-114.102287 23.756312c-10.078435 0.359944-21.236703 0.719888-32.394971 0.719889zM357.424515 285.12002h-3.599441c-11.158268-2.879553-22.316536-5.399162-33.474803-7.198883a14.397765 14.397765 0 0 1-11.878156-16.55743A14.757709 14.757709 0 0 1 323.949712 249.125607c11.878156 2.159665 23.756312 4.679274 35.994412 7.558827a14.397765 14.397765 0 0 1 10.798324 17.277318 14.757709 14.757709 0 0 1-13.317933 11.158268zM477.645853 765.645426h-2.879553A121.30117 121.30117 0 0 1 395.938537 706.974533a350.945521 350.945521 0 0 1-27.715698-51.112065 376.501554 376.501554 0 0 0-23.756312-43.193295 163.054688 163.054688 0 0 1-17.997206-56.151284A119.501449 119.501449 0 0 1 287.955299 497.127109a60.470613 60.470613 0 0 1 7.198883-61.190501 14.397765 14.397765 0 0 1 18.35715-3.239497 13.677877 13.677877 0 0 1 5.039218 19.436982c-8.998603 15.837541-10.798324 22.316536-5.399162 35.994413 12.957988 32.035027 24.836145 44.993016 28.435586 46.072848a13.677877 13.677877 0 0 1 12.2381 12.598044 143.97765 143.97765 0 0 0 15.117653 52.191898 438.771888 438.771888 0 0 1 24.476201 46.432792 351.665409 351.665409 0 0 0 25.556033 47.15268 96.105081 96.105081 0 0 0 58.670892 45.712904 83.507037 83.507037 0 0 0 13.317933-4.679274 60.470613 60.470613 0 0 1 21.236703-6.11905 60.830557 60.830557 0 0 1 23.756312 4.679274 16.197486 16.197486 0 0 0 12.957989 0 119.861393 119.861393 0 0 0 35.994412-23.036424 210.207369 210.207369 0 0 0 71.988825-125.260555c0-5.399162 2.879553-10.43838 4.679273-15.837542a77.028043 77.028043 0 0 0 5.759106-23.396368 15.117653 15.117653 0 0 1 7.198883-12.2381 68.389384 68.389384 0 0 0 30.235306-51.112066 111.222734 111.222734 0 0 0 1.799721-35.994412 14.397765 14.397765 0 0 1 28.435586-6.11905 126.340388 126.340388 0 0 1-1.799721 44.993015 96.105081 96.105081 0 0 1-35.994412 67.309552 143.97765 143.97765 0 0 1-6.478994 24.4762 71.988825 71.988825 0 0 0-3.959386 12.598044 240.442675 240.442675 0 0 1-82.06726 140.738153 141.458041 141.458041 0 0 1-46.072848 28.435586 42.113463 42.113463 0 0 1-32.394971 0 35.994412 35.994412 0 0 0-13.317933-2.879553l-10.798324 3.959385a71.988825 71.988825 0 0 1-24.4762 6.838939z"
                  fill="#333333"
                  p-id="11689"
                ></path>
                <path
                  d="M860.626401 832.235089a467.927362 467.927362 0 0 0 126.340388-320.710215 461.808311 461.808311 0 0 0-52.911786-215.966475 17.637262 17.637262 0 0 1 0-14.757709 18.35715 18.35715 0 0 1 9.718491-11.518212 20.516815 20.516815 0 0 1 26.635865 8.278715 508.960992 508.960992 0 0 1-79.907595 582.389593l-68.02944 61.190501A514.000209 514.000209 0 0 1 0 511.524874a507.521215 507.521215 0 0 1 85.306757-281.83625 20.156871 20.156871 0 0 1 27.355754-5.399161 18.717094 18.717094 0 0 1 5.399162 28.435585A470.087026 470.087026 0 0 0 251.960887 904.583857a475.846132 475.846132 0 0 0 546.035237-15.837541z m49.312345-593.547861a19.436983 19.436983 0 0 1-15.837541-7.918771 475.846132 475.846132 0 0 0-673.455457-89.986031 20.516815 20.516815 0 0 1-28.075642-3.239497 19.796927 19.796927 0 0 1 3.599442-28.79553 515.080042 515.080042 0 0 1 729.60674 98.62469 19.436983 19.436983 0 0 1-3.959386 27.355753 18.35715 18.35715 0 0 1-11.878156 3.959386zM150.0967 198.373486a18.35715 18.35715 0 0 1-12.957989-5.399162 17.637262 17.637262 0 0 1-6.478994-12.2381 19.796927 19.796927 0 0 1 33.11486-15.477598 19.796927 19.796927 0 0 1-13.677877 35.994413z"
                  fill="#333333"
                  p-id="11690"
                ></path>
              </svg>
            </div>
            <div class="artist_detail">
              <p>
                艺术家:<span>{{ i.real_name }}</span>
              </p>
            </div>
          </div>
        </div>
      </div>
      <el-empty
        v-if="this.Empty"
        description="暂时还没有作家哦"
        :image-size="250"
      ></el-empty>
    </div>
    <div class="more">
      <el-button @click="getmoerArtist">查看更多>>></el-button>
    </div>
    <!-- 底部模块开始 -->
    <footer class="footer">
      <!-- 服务模块 -->
      <div class="mod_service">
        <div>
          <svg
            t="1713325210900"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="4984"
            width="50"
            height="50"
          >
            <path
              d="M522.710283 0c-275.538779 0-499.706581 224.155548-499.706581 499.688149s224.166789 499.686124 499.706581 499.686124c275.545868 0 499.708606-224.153522 499.708606-499.686124C1022.420915 224.155548 798.255139 0 522.710283 0zM522.710283 948.235006C275.373047 948.235006 74.147021 747.018195 74.147021 499.688048S275.373047 51.140077 522.710283 51.140077c247.342299 0 448.567415 201.218837 448.567415 448.546958C971.276685 747.018195 770.049545 948.235006 522.710283 948.235006zM405.759853 272.15224c2.012985-13.95094-7.623966-26.851283-21.558195-28.915815-14.001069-2.000833-26.936452 7.590242-29.034405 21.507762-0.150794 0.982643-16.115327 99.935402-118.934148 237.375809-8.458954 11.304396-6.143266 27.335059 5.158598 35.79057 4.595829 3.429782 9.974997 5.093581 15.300593 5.093581 7.773747 0 15.468603-3.546144 20.493522-10.254913 8.942731-11.954158 17.212407-23.606727 24.972989-34.994166l0 220.345269c0 14.118849 11.451646 25.572115 25.570089 25.572115 14.116418 0 25.573127-11.450127 25.573127-25.572115L353.302024 412.8484C396.94665 329.300892 405.301395 275.300689 405.759853 272.15224zM745.396373 428.304186c14.117431 0 25.571102-11.452152 25.571102-25.572115 0-14.114899-11.450633-25.570089-25.571102-25.570089L558.811053 377.161982c3.597894-60.892073 1.020215-105.38617 0.711538-110.288549-0.879447-14.08553-12.621642-24.788775-27.139807-23.907303-14.081986 0.899701-24.785737 13.034022-23.904265 27.134642 0.078992 1.170908 2.676925 45.93216-1.080877 107.061109L421.491538 377.16188c-14.116418 0-25.570089 11.454177-25.570089 25.570089 0 14.118849 11.452658 25.572115 25.570089 25.572115l81.450883 0c-10.680459 93.92389-38.016632 205.509836-105.589929 262.680667-10.786693 9.122489-12.136853 25.267488-3.010921 36.037573 5.058338 5.977079 12.284609 9.058687 19.542172 9.058687 5.826487 0 11.702598-1.980578 16.497831-6.042906 81.528794-68.98027 112.731131-197.479365 124.142268-301.734122L745.396415 428.303983 745.396373 428.304186zM753.918116 573.201257c-14.11338 0-25.569077 11.456203-25.569077 25.575153l0 59.16254c0 12.001756-17.580734 26.069968-26.604482 26.069968l-50.958038 0c-6.677679 0-16.598091-2.148589-22.558156-8.189368-4.328673-4.398348-6.377104-10.756919-6.260742-19.444242 0.56368-40.985423 0.431115-179.493441 0.431115-185.370362-0.018229-14.116823-11.452658-25.553886-25.571102-25.553886l-0.018217 0c-14.133634 0.016204-25.573127 11.468356-25.554898 25.58528 0 1.449204 0.132565 144.017625-0.431115 184.63462-0.383619 28.353148 11.199681 46.128527 20.990464 56.053597 20.842708 21.142372 48.179894 23.423526 58.969625 23.423526l50.958038 0c35.215142 0 77.747699-34.442537 77.747699-77.21116l0-59.16254C779.492256 584.65746 768.035547 573.201257 753.918116 573.201257zM616.807045 310.091501l61.197206 26.451562c3.297318 1.433 6.742493 2.09694 10.120728 2.09694 9.891043 0 19.312487-5.759445 23.493302-15.431538 5.607942-12.950979-0.367415-27.998999-13.337129-33.610688l-61.199232-26.453587c-12.918167-5.643084-28.002139 0.367415-33.610081 13.334598C597.860961 289.431791 603.836318 304.481736 616.807045 310.091501z"
              p-id="4985"
            ></path>
          </svg>
          <h2>正品保障</h2>
          <p style="font-size:18px margin-top:15px">原创作品有保障</p>
        </div>

        <div>
          <svg
            t="1713330710170"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="6007"
            width="50"
            height="50"
          >
            <path
              d="M505.6 1018.7l-11.9-5.6c-0.8-0.4-1.6-0.8-2.4-1.1-0.4-0.2-0.9-0.4-1.3-0.6-123-54.5-224-134.5-300.5-237.7-61-82.4-106.3-179.6-134.7-288.8-48.1-185-31.2-339.3-30.5-345.7l3-26.1 26.2 0.9c11.5 0.4 23.2 0.6 34.6 0.6 218.9 0 358.1-74.7 395.6-97.6 2.8-1.7 5.1-3.1 6.6-4.1l15.5-9.9L521.2 13c1.6 1.1 3.8 2.4 6.1 3.8l0.4 0.3c37.4 22.9 176.4 97.6 395.5 97.6 11.4 0 23.1-0.2 34.6-0.6l26.2-0.9 3 26.1c0.7 6.5 17.7 160.7-30.5 345.7-28.4 109.2-73.7 206.4-134.7 288.8-76.4 103.3-177.5 183.3-300.5 237.8-0.4 0.2-0.9 0.4-1.3 0.6-0.8 0.4-1.7 0.8-2.5 1.2L505.6 1018.7zM71.6 164.1c-2.5 50.3-3.4 175.8 31.4 308.3 60.1 229 200.3 399 402.7 491.1 202.9-92.4 343.4-263 403.2-492.9 34.4-132.1 33.5-256.4 30.9-306.5-3.1 0-6.2 0-9.2 0-99.3 0-201.3-7-288.9-35-64.8-20.7-110.8-51.7-135.9-66.4-25.2 14.7-71.2 38.4-135.9 59.1-87.6 28-189.7 42.3-289 42.3C77.8 164.1 74.7 164.1 71.6 164.1zM229.2 470.6c49-73.2 87.1-162 114.2-266.4l40.6 12.1c-15 48.3-31.3 93.6-48.9 135.7l0 387.8-39.5 0 0-304.8c-15.8 28.9-32.2 55.8-49.4 80.7C241.1 500.2 235.4 485.2 229.2 470.6zM422 228.3l306.5 0 0 207.1-41.7 0 0-20.9-92.3 0 0 74.1 181.3 0L775.8 526 626.3 526c33.7 56 84.9 100.1 153.8 132.4-11.4 15.8-20.5 29.3-27.5 40.7-68.8-41.7-121.6-98.1-158.2-169.2l0 212.6-40.1 0L554.3 527.7c-44.3 79.8-99.8 140.6-166.4 182.4-8.4-10.3-18.7-21.4-30.8-33.5 65.2-35.9 118.1-86 158.7-150.5L372 526.1l0-37.4 182.4 0 0-74.1-90.6 0 0 24.7L422 439.3 422 228.3 422 228.3zM686.7 265.1l-223 0 0 112.6 223 0L686.7 265.1 686.7 265.1z"
              fill="#272636"
              p-id="6008"
            ></path>
          </svg>
          <h2>无忧售后</h2>
          <p>7天无理由退换货</p>
        </div>

        <div>
          <svg
            t="1713331406084"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="5463"
            width="50"
            height="50"
          >
            <path
              d="M512.537805 4.093235C232.773837 4.093235 5.172019 231.685734 5.172019 511.439258c0 279.736115 227.601818 507.32759 507.365786 507.32759 279.76704 0 507.368858-227.591475 507.368858-507.32759C1019.90656 231.685734 792.303718 4.093235 512.537805 4.093235zM512.537805 966.843187c-251.129651 0-455.438029-204.298957-455.438029-455.404032 0-251.120333 204.307354-455.422464 455.438029-455.422464 251.130675 0 455.443149 204.299981 455.443149 455.422464C967.979827 762.543206 763.668378 966.843187 512.537805 966.843187zM490.074214 527.631974c-2.18071-14.180966-15.551795-23.882957-29.614694-21.702246l-50.692608 7.808819L409.766912 404.345118l51.927754 0c14.33303 0 25.964339-11.629875 25.964339-25.962291 0-14.33344-11.631411-25.962291-25.964339-25.962291l-51.927754 0 0-86.539982c0-14.334464-11.619123-25.962291-25.962291-25.962291-14.344294 0-25.964339 11.627827-25.964339 25.962291l0 86.539982-34.615774 0 0-51.924603c0-14.33344-11.621171-25.962291-25.964339-25.962291-14.342246 0-25.963315 11.628851-25.963315 25.962291l0 61.676711c0 19.808154-11.89335 31.961907-20.418867 31.961907-14.34327 0-25.964339 11.628851-25.964339 25.962291 0 14.332416 11.621171 25.962291 25.964339 25.962291 26.58048 0 49.602662-16.885555 62.177587-41.715098l44.784784 0 0 117.371174-107.156787 16.496742c-14.174413 2.18071-23.894118 15.431475-21.712384 29.612442 1.968947 12.829184 13.031322 22.00617 25.624678 22.00617 1.310925 0 2.646426-0.101274 3.982848-0.303923l99.263795-15.280026 0 176.258353c0 14.335488 11.620147 25.961267 25.964339 25.961267 14.34327 0 25.962291-11.625779 25.962291-25.961267L409.769138 566.270021l58.605056-9.025536C482.536243 555.063808 492.255027 541.812019 490.074214 527.631974zM755.944141 404.345139 652.091754 404.345139l0-51.924603 86.543528 0c14.334054 0 25.963315-11.629875 25.963315-25.962291 0-14.33344-11.629363-25.962291-25.963315-25.962291l-86.543528 0 0-69.231781c0-14.334464-11.629363-25.962291-25.962291-25.962291-14.335078 0-25.963315 11.626803-25.963315 25.962291l0 69.231781-69.235641 0c-14.335078 0-25.963315 11.628851-25.963315 25.962291 0 14.332416 11.628339 25.962291 25.963315 25.962291l69.235641 0 0 51.924603-86.545574 0c-14.332006 0-25.96137 11.628851-25.96137 25.961267 0 14.33344 11.629363 25.963315 25.96137 25.963315l242.32372 0c14.335078 0 25.963315-11.629875 25.963315-25.963315C781.907558 415.97399 770.278195 404.345139 755.944141 404.345139zM755.944141 525.501542l-51.924684 0 0-34.616402c0-14.33344-11.629363-25.962291-25.964339-25.962291-14.33303 0-25.962291 11.628851-25.962291 25.962291l0 34.616402L513.619448 525.501542c-14.332006 0-25.96137 11.628851-25.96137 25.963315 0 14.332416 11.629363 25.961267 25.96137 25.961267l138.471282 0 0 123.607202c0 23.343616 0 33.01079-48.006246 33.01079-14.33303 0-25.960346 11.630899-25.960346 25.962291 0 14.334464 11.627315 25.963315 25.960346 25.963315 29.903258 0 99.932979 0 99.932979-84.936499L704.017463 577.427128l51.924684 0c14.335078 0 25.963315-11.628851 25.963315-25.961267C781.907558 537.131418 770.278195 525.501542 755.944141 525.501542zM539.583795 603.38944c-14.33303 0-25.964339 11.628851-25.964339 25.961267l0 51.924603c0 14.334464 11.631411 25.963315 25.964339 25.963315 14.335078 0 25.963315-11.628851 25.963315-25.963315l0-51.924603C565.547213 615.018291 553.918874 603.38944 539.583795 603.38944z"
              fill="#272636"
              p-id="5464"
            ></path>
          </svg>
          <h2>特色服务</h2>
          <p>私人定制作品</p>
        </div>

        <div>
          <svg
            t="1713330889056"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="3411"
            width="50"
            height="50"
          >
            <path
              d="M848.533333 831.914667A128 128 0 0 1 725.333333 704v-128a128 128 0 0 1 128-128c0-188.522667-152.810667-341.333333-341.333333-341.333333-186.261333 0-337.706667 149.205333-341.269333 334.613333L170.666667 448a128 128 0 0 1 128 128v128a128 128 0 0 1-128 128H128a128 128 0 0 1-128-128v-128a128.042667 128.042667 0 0 1 85.333333-120.725333V448C85.333333 212.352 276.352 21.333333 512 21.333333c233.173333 0 422.677333 187.072 426.602667 419.328L938.666667 448v7.296c49.706667 17.578667 85.333333 64.981333 85.333333 120.704v128a128.042667 128.042667 0 0 1-85.333333 120.704V832a170.666667 170.666667 0 0 1-165.333334 170.581333L768 1002.666667H554.666667v-85.333334h213.333333a85.333333 85.333333 0 0 0 85.226667-81.066666L853.333333 832zM170.666667 533.333333H128a42.666667 42.666667 0 0 0-42.666667 42.666667v128a42.666667 42.666667 0 0 0 42.666667 42.666667h42.666667a42.666667 42.666667 0 0 0 42.666666-42.666667v-128a42.666667 42.666667 0 0 0-42.666666-42.666667z m725.333333 0h-42.666667a42.666667 42.666667 0 0 0-42.666666 42.666667v128a42.666667 42.666667 0 0 0 42.666666 42.666667h42.666667a42.666667 42.666667 0 0 0 42.666667-42.666667v-128a42.666667 42.666667 0 0 0-42.666667-42.666667z"
              fill="#333333"
              p-id="3412"
            ></path>
          </svg>
          <h2>帮助中心</h2>
          <p>您的购物指南</p>
        </div>
      </div>
      <div class="row clearfix">
        <div>
          <h3>YISHUPING.COM</h3>
          <a href="/#">推荐</a>
          <a href="/#">全部作品</a>
          <a href="/#">入门收藏</a>
          <a href="/#">潜力收藏</a>
          <a href="/#/index">名作收藏</a>
        </div>
        <div>
          <h3>了解我们</h3>
          <a href="/#">关于我们</a>
          <a href="/#">工作机会</a>
          <a href="/#" rel="nofollow">网站地图</a>
        </div>
        <div>
          <h3>支持与帮助</h3>
          <a href="/#">如何购买</a>
          <a href="/#">物流说明</a>
          <a href="/#" rel="nofollow">联系我们</a>
        </div>
        <div>
          <h3>合作</h3>
          <a href="/#">作品征集</a>
        </div>
      </div>
      <div class="mod_copyright">
        <div class="links">
          <a href="#">关于我们</a>| <a href="#">联系我们</a>|
          <a href="#">联系客服</a>| <a href="#">商家入驻</a>|
          <a href="#">字画批发</a>| <a href="#">画作交易</a>|
          <a href="#">友情链接</a>| <a href="#">艺术画作</a>|
          <a href="#">English Site</a>|
          <a href="#">Contact U</a>
        </div>
      </div>
    </footer>
    <!-- 底部模块结束 -->
  </div>
</template>

<script>
import { getartworks } from "@/api/artworks";
import { getartist } from "@/api/user";
export default {
  data() {
    return {
      list: [],
      artistList: [],
      Empty: true,
      imgList: [
        { id: 0, idView: require("@/assets/img/01.jpg") },
        { id: 1, idView: require("@/assets/img/02.jpg") },
        { id: 2, idView: require("@/assets/img/03.jpg") },
        { id: 3, idView: require("@/assets/img/04.jpg") },
        { id: 4, idView: require("@/assets/img/05.jpg") },
      ],
    };
  },
  created() {
    this.getlist();
    this.getartistList();
  },
  methods: {
    // 获取艺术品列表
    getlist() {
      getartworks().then((res) => {
        console.log(res);
        this.list = res.results;
        this.Empty = false;
      });
    },
    router_id(i) {
      this.$router.push({ path: "/ItemDetails", query: { id: i.id } });
      console.log(i.id);
    },
    // 艺术品更多信息
    getmoerartwork() {
      this.$router.push({ path: "/artworkInformation" });
    },
    // 获取艺术家列表
    getartistList() {
      getartist().then((res) => {
        console.log(res);
        this.artistList = res.result;
        this.Empty = false;
      });
    },
    router_artist(i) {
      this.$router.push({ path: "/ArtistDetails", query: { id: i.id } });
      console.log(i.id);
    },
    // 艺术家更多信息
    getmoerArtist() {
      this.$router.push({ path: "/artistInformation" });
    },
  },
};
</script>

<style lang="less" scoped>
// 商品展示样式
@import "../../assets/css/commodity.less";
@import "../../assets/css/artist.less";
.title {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 30px;
  overflow: hidden;
  border-bottom: 1px solid #cecece;
  padding-bottom: 10px;
  flex-direction: column;
  align-items: baseline;
}
.more {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 10px;
  justify-content: flex-end;
}
// 其他样式
.user_home {
  overflow-x: hidden;
  /* 隐藏水平滚动条 */
  overflow-y: hidden;
  /* 隐藏垂直滚动条 */

  // 轮播图
  .Carousel {
    .el-carousel__item h3 {
      color: #475669;
      font-size: 18px;
      opacity: 0.75;
      // line-height: 100px;
      margin: 0;
    }

    .el-carousel__item:nth-child(2n) {
      background-color: #99a9bf;
    }

    .el-carousel__item:nth-child(2n + 1) {
      background-color: #d3dce6;
    }
    .image {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
}
.footer {
  margin-top: 40px;
  height: 417px;
  background: #cddbed;
  height: 5%;
  .mod_service {
    display: flex;
    justify-content: space-between;
    div {
      width: 200px;
      margin: 50px 150px 30px 150px;
    }
  }
  .clearfix {
    display: flex;
    justify-content: space-between;
    div {
      width: 200px;
      margin: 0 150px 0 150px;
      strong {
        font-size: 30px;
      }
      a {
        padding: 5px 0;
        display: block;
        text-decoration: none;
        font-size: 18px;
        color: #131313;
      }
    }
  }
  .mod_copyright{
    margin-top: 15px ;
    a {
        padding: 5px 0;
        text-decoration: none;
        font-size: 18px;
        color: #131313;
        margin: 0 20px 0 20px;
      }
  }
}
</style>
